<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS 常用属性练习</title>
    <link rel="stylesheet" href="main.css">

</head>

<body>
    <header>
        <h1>CSS常用属性</h1>
        <p></p>
    </header>
    <main>
        <section id="bg-section">
            <h2>背景</h2>
            <p></p>
        </section>
        <section id="box-model">
            <h2>盒模型</h2>
            <p></p>
            <div id=".box-demo">

            </div>
        </section>
        <section>
            <h2>信息流</h2>
            <p>浏览器在呈现信息时会按照元素的类型进行处理，它将元素从上到下显示（块元素与块元素之间另起一行），将行内元素按语言方向水平显示
                （如汉字、英语是从左到右，维吾尔语等有些元素是从右到左）</p>
        </section>
    </main>
    <footer>
        <p><span>《网页设计与制作》</span></p>
    </footer>